<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>菜单</title>
<style type="text/css">
	#yjc {
		margin-left:15%;
		width: 70%;
	}
	
	#xpz {
		height: 150px;
		background-color: #FFFAF0;
	}
	
	#aaa {
		height:80px;
		background-color: #F8F8FF;
	}
	
	#bbb {
		height: 800px;
		background-color: #F0E68C;
	}
	
	#ccc {
		height: 30px;
		background-color: #888;
	}
	
	ul li {
		float: left;
		width: 15%;
		font-size: 2em;
		font-family: "黑体";
		padding-top: 25px;
		padding-left:65px;
		list-style-type: none;
	}
	
	a {
		text-decoration: none;
		color: b
	}
	
	a:hover {
	    color:#1E90FF;
		padding:12px 12px 8px 12px;
	    background-color:#F5F5DC; 
	}
	
	h1 {
		text-align: center;
		font-size: 3.5em;
		font-family: "楷体";
		padding-top: 50px;
		letter-spacing: 20px;
	}
	
	* {
		margin: 0;
		padding: 0;
	}
	
</style>
</head>
<body>
	<div id="yjc">
		<div id="xpz">
			<h1>成绩管理系统</h1>
		</div>
		<div id="aaa">
			<ul>
				<li>
					<a href="">语文成绩</a>
				</li>
				<li>	
					<a href="">数学成绩</a>
				</li>
				<li>
					<a href="">英语成绩</a>
				</li>
				<li>
					<a href="">地理成绩</a>	
				</li>
				<li>
					<a href="">化学成绩</a>
				</li>
			</ul>		
		</div>
		<div id="bbb">
		
		</div>
		<div id="ccc">
			
		</div>
	</div>
</body>
</html>